import { ChangeDetectionStrategy, Component } from '@angular/core';

@Component({
  selector: 'app-demo-grid-justify',
  templateUrl: './flex-justify.component.html',
  styles: [
    `
      .grid-demo h3 {
        margin: 16px 0;
      }
      .grid-demo h3:first-child {
        margin-top: 0;
      }
      .grid-demo .lv-row {
        background-color: #f2f2f2;
      }
      .grid-demo .lv-row .lv-col {
        height: 40px;
        line-height: 40px;
        color: #fff;
        text-align: center;
        background-color: #2673e5;
      }
      .grid-demo .lv-row .lv-col:nth-child(2n) {
        background-color: #1359bf;
      }
    `,
  ],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class FlexJustifyComponent {}
